<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>Title</title>
<link rel="stylesheet" href="css/default.css" type="text/css">
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
$(function(){
	//区域选择-显示、隐藏层
	 $('#sa').click(function(){
		$(".mask1, .mask2, .li-sc-class, .li-sc-time").hide();
		$('.mask, .sm-area-box').toggle();
		$('html').removeClass("ho4"); 
		$('html').removeClass("ho5"); 
		$('html').toggleClass("ho3"); 
	 });
	 $('.mask').click(function(){
		$(this).hide();
		$('.sm-area-box').hide();
	    $('html').toggleClass("ho3");
	 });
	//类型选择
	$('.li-sc-2').click(function(){
		$('.sm-area-box, .mask, .mask2, .li-sc-time').hide();
		$('.mask1, .li-sc-class').toggle();
		$('html').removeClass("ho3"); 
		$('html').removeClass("ho5"); 
		$('html').toggleClass("ho4"); 
	});
	$('.mask1').click(function(){
		$(this).hide();
		$('.sm-area-box, .li-sc-class').hide();
		$('html').toggleClass("ho4");
	});
	//时间排序
	$('.li-sc-3').click(function(){
		$('.sm-area-box, .mask, .mask1, .li-sc-class').hide();
		$('.mask2, .li-sc-time').toggle();
		$('html').removeClass("ho3"); 
		$('html').removeClass("ho4"); 
		$('html').toggleClass("ho5"); 
	});
	$('.mask2').click(function(){
		$(this).hide();
		$('.sm-area-box, .li-sc-time').hide();
		$('html').toggleClass("ho5");
	});
	 //点击城市隐藏地区选择层和遮罩
//	 $('.sa-r-box span').click(function(){ 
//		$('.sm-area-box, .mask').hide();
//	   $('html').toggleClass("ho3");
//	 });
	//区域选择-选择地区
	$(".sa-r-box").hide();
	$(".sa-l ul li:first").addClass("active").show();
	$(".sa-r-box:first").show();
	$(".sa-l li").click(function() {
		$(".sa-l li").removeClass("active");
		$(this).addClass("active");
		$(".sa-r-box").hide(); 
		var activeTab = $(this).find("span").attr("id");
		$(activeTab).fadeIn(0);
	});
});
</script>
</head>
<body>
<div class="mask"></div>
<div class="mask1"></div>
<div class="mask2"></div>
<header><a href="index.html" class="back"><span>返回</span></a><h2>搜索查询</h2></header>
<nav>
  <ul>
    <li class="n1"><a href="index.html"><cite></cite><span>首页</span></a></li>
    <li class="n2"><a href="search_zb.html" class="on"><cite></cite><span>搜索</span></a></li>
    <li class="n3"><a href="rss_li.html"><cite></cite><span>订阅</span></a></li>
    <li class="n4"><a href="uc_home.html"><cite></cite><span>我的</span></a></li>
  </ul>
</nav>
<div class="main search-zb-li">
	<div class="li-sc">
    	<ul class="li-sc-box">
        	<li class="li-sc-1"><span id="sa">地区</span><sub></sub></li>
        	<li class="li-sc-2"><span>类型</span><sub></sub></li>
        	<li class="li-sc-3"><span>排序</span><sub></sub></li>
        </ul>
        <div class="sm-area-box">
            <div class="sa-l">
                <ul>
                    <li><span id="#tab1">北京</span></li>
                    <li><span id="#tab2">上海</span></li>
                    <li><span id="#tab3">天津</span></li>
                    <li><span id="#tab4">重庆</span></li>
                    <li><span id="#tab5">河北</span></li>
                    <li><span id="#tab6">山西</span></li>
                    <li><span id="#tab7">内蒙古</span></li>
                    <li><span id="#tab8">辽宁</span></li>
                    <li><span id="#tab9">吉林</span></li>
                    <li><span id="#tab10">黑龙江</span></li>
                    <li><span id="#tab11">江苏</span></li>
                    <li><span id="#tab12">浙江</span></li>
                    <li><span id="#tab13">安徽</span></li>
                    <li><span id="#tab14">福建</span></li>
                    <li><span id="#tab15">江西</span></li>
                    <li><span id="#tab16">山东</span></li>
                    <li><span id="#tab17">河南</span></li>
                    <li><span id="#tab18">湖北</span></li>
                    <li><span id="#tab19">湖南</span></li>
                    <li><span id="#tab20">广东</span></li>
                    <li><span id="#tab21">广西</span></li>
                    <li><span id="#tab22">海南</span></li>
                    <li><span id="#tab23">四川</span></li>
                    <li><span id="#tab24">贵州</span></li>
                    <li><span id="#tab25">云南</span></li>
                    <li><span id="#tab26">西藏</span></li>
                    <li><span id="#tab27">陕西</span></li>
                    <li><span id="#tab28">甘肃</span></li>
                    <li><span id="#tab29">宁夏</span></li>
                    <li><span id="#tab30">青海</span></li>
                    <li><span id="#tab31">新疆</span></li>
                    <li><span id="#tab32">其它</span></li>
                </ul>
            </div>
            <div class="sa-r">
                <div id="tab1" class="sa-r-box">
                    <ul>
                        <li><span>北京</span></li>
                        <li><span>东城</span></li>
                        <li><span>西城</span></li>
                        <li><span>崇文</span></li>
                        <li><span>宣武</span></li>
                        <li><span>朝阳</span></li>
                        <li><span>丰台</span></li>
                        <li><span>石景山</span></li>
                        <li><span>海淀</span></li>
                        <li><span>门头沟</span></li>
                        <li><span>房山</span></li>
                        <li><span>通州</span></li>
                        <li><span>顺义</span></li>
                        <li><span>昌平</span></li>
                        <li><span>大兴</span></li>
                        <li><span>平谷</span></li>
                        <li><span>怀柔</span></li>
                        <li><span>密云</span></li>
                        <li><span>延庆</span></li>
                    </ul>
                </div>
                <div id="tab2" class="sa-r-box">
                    <ul>
                        <li><span>上海</span></li>
                        <li><span>黄浦</span></li>
                        <li><span>卢湾</span></li>
                        <li><span>徐汇</span></li>
                        <li><span>长宁</span></li>
                        <li><span>静安</span></li>
                        <li><span>普陀</span></li>
                        <li><span>闸北</span></li>
                        <li><span>虹口</span></li>
                        <li><span>杨浦</span></li>
                        <li><span>闵行</span></li>
                        <li><span>宝山</span></li>
                        <li><span>嘉定</span></li>
                        <li><span>浦东</span></li>
                        <li><span>金山</span></li>
                        <li><span>松江</span></li>
                        <li><span>青浦</span></li>
                        <li><span>南汇</span></li>
                        <li><span>奉贤</span></li>
                        <li><span>崇明</span></li>
                    </ul>
                </div>
                <div id="tab3" class="sa-r-box">
                    <ul>
                        <li><span>省市名称3</span></li>
                    </ul>
                </div>
                <div id="tab4" class="sa-r-box">
                    <ul>
                        <li><span>省市名称4</span></li>
                    </ul>
                </div>
                <div id="tab5" class="sa-r-box">
                    <ul>
                        <li><span>省市名称5</span></li>
                    </ul>
                </div>
                <div id="tab6" class="sa-r-box">
                    <ul>
                        <li><span>省市名称6</span></li>
                    </ul>
                </div>
                <div id="tab7" class="sa-r-box">
                    <ul>
                        <li><span>省市名称7</span></li>
                    </ul>
                </div>
                <div id="tab8" class="sa-r-box">
                    <ul>
                        <li><span>省市名称8</span></li>
                    </ul>
                </div>
                <div id="tab9" class="sa-r-box">
                    <ul>
                        <li><span>省市名称9</span></li>
                    </ul>
                </div>
                <div id="tab10" class="sa-r-box">
                    <ul>
                        <li><span>省市名称10</span></li>
                    </ul>
                </div>
                <div id="tab11" class="sa-r-box">
                    <ul>
                        <li><span>省市名称11</span></li>
                    </ul>
                </div>
                <div id="tab12" class="sa-r-box">
                    <ul>
                        <li><span>省市名称12</span></li>
                    </ul>
                </div>
                <div id="tab13" class="sa-r-box">
                    <ul>
                        <li><span>省市名称13</span></li>
                    </ul>
                </div>
                <div id="tab14" class="sa-r-box">
                    <ul>
                        <li><span>省市名称14</span></li>
                    </ul>
                </div>
                <div id="tab15" class="sa-r-box">
                    <ul>
                        <li><span>省市名称15</span></li>
                    </ul>
                </div>
                <div id="tab16" class="sa-r-box">
                    <ul>
                        <li><span>省市名称16</span></li>
                    </ul>
                </div>
                <div id="tab17" class="sa-r-box">
                    <ul>
                        <li><span>省市名称17</span></li>
                    </ul>
                </div>
                <div id="tab18" class="sa-r-box">
                    <ul>
                        <li><span>省市名称18</span></li>
                    </ul>
                </div>
                <div id="tab19" class="sa-r-box">
                    <ul>
                        <li><span>省市名称19</span></li>
                    </ul>
                </div>
                <div id="tab20" class="sa-r-box">
                    <ul>
                        <li><span>省市名称20</span></li>
                    </ul>
                </div>
                <div id="tab21" class="sa-r-box">
                    <ul>
                        <li><span>省市名称21</span></li>
                    </ul>
                </div>
                <div id="tab22" class="sa-r-box">
                    <ul>
                        <li><span>省市名称22</span></li>
                    </ul>
                </div>
                <div id="tab23" class="sa-r-box">
                    <ul>
                        <li><span>省市名称23</span></li>
                    </ul>
                </div>
                <div id="tab24" class="sa-r-box">
                    <ul>
                        <li><span>省市名称24</span></li>
                    </ul>
                </div>
                <div id="tab25" class="sa-r-box">
                    <ul>
                        <li><span>省市名称25</span></li>
                    </ul>
                </div>
                <div id="tab26" class="sa-r-box">
                    <ul>
                        <li><span>省市名称26</span></li>
                    </ul>
                </div>
                <div id="tab27" class="sa-r-box">
                    <ul>
                        <li><span>省市名称27</span></li>
                    </ul>
                </div>
                <div id="tab28" class="sa-r-box">
                    <ul>
                        <li><span>省市名称28</span></li>
                    </ul>
                </div>
                <div id="tab29" class="sa-r-box">
                    <ul>
                        <li><span>省市名称29</span></li>
                    </ul>
                </div>
                <div id="tab30" class="sa-r-box">
                    <ul>
                        <li><span>省市名称30</span></li>
                    </ul>
                </div>
                <div id="tab31" class="sa-r-box">
                    <ul>
                        <li><span>省市名称31</span></li>
                    </ul>
                </div>
                <div id="tab32" class="sa-r-box">
                    <ul>
                        <li><span>省市名称32</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="li-sc-class">
        	<ul>
            	<li>工程建筑</li>
            	<li>政府采购</li>
            	<li>土地交易</li>
            	<li>国企采购</li>
            	<li>矿业权交易</li>
            	<li>环保绿化</li>
            	<li>医疗卫生</li>
            </ul>
        </div>
        <div class="li-sc-time">
        	<ul>
            	<li>所有日期</li>
            	<li>最近一天</li>
            	<li>最近三天</li>
            	<li>最近一周</li>
            	<li>最近一月</li>
            	<li>最近一年</li>
            </ul>
        </div>
    </div>
    <div class="dli clearfix">
    	<ul>
        	<li>
            	<a href="con_zb.html" title="">
                	<div class="dli-box">
                        <strong>宁波监督管理局项目供应商征集公告</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span class="sc">搜藏</span></div>
            </li>
        	<li>
            	<a href="con_zb.html" title="">
                	<div class="dli-box">
                        <strong>富阳区银湖街道杜墓村刺塘坞塘坝除险加固工程</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span>搜藏</span></div>
            </li>
        	<li>
            	<a href="#" title="">
                	<div class="dli-box">
                        <strong>宁波监督管理局项目供应商征集公告</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span>搜藏</span></div>
            </li>
        	<li>
            	<a href="#" title="">
                	<div class="dli-box">
                        <strong>金东区实验中学消防设施改造工程招标公告</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span>搜藏</span></div>
            </li>
        	<li>
            	<a href="con_zb.html" title="">
                	<div class="dli-box">
                        <strong>宁波监督管理局项目供应商征集公告</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span class="sc">搜藏</span></div>
            </li>
        	<li>
            	<a href="con_zb.html" title="">
                	<div class="dli-box">
                        <strong>富阳区银湖街道杜墓村刺塘坞塘坝除险加固工程</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span>搜藏</span></div>
            </li>
        	<li>
            	<a href="#" title="">
                	<div class="dli-box">
                        <strong>宁波监督管理局项目供应商征集公告</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span>搜藏</span></div>
            </li>
        	<li>
            	<a href="#" title="">
                	<div class="dli-box">
                        <strong>金东区实验中学消防设施改造工程招标公告</strong>
                        <div>
                            <p>类型:政府采购&nbsp;&nbsp;&nbsp;截止:2015-06-20</p>
                            <b>宁波市</b>
                        </div>
                    </div>
                </a>
                <div class="favor"><span>搜藏</span></div>
            </li>
        </ul>
    </div>
    <div class="li-more"><a href="#" title="">上拉加载更多</a></div>
</div>
</body>
</html>
